<template>
    <section class="side-adv">
        <div class="inner">
           <div class="item">
               <div class="thumb">
                   <img src="../../assets/meirong1.jpg" alt="">
               </div>
               <p class="location">位置： 圈子广场顶部横幅</p>
               <p class="time">1024*120 动态GIF</p>
               <p class="left-time"> 距离结束还有 <span class="pink" style="font-weight: bold">256</span> 天 <span class="pink float-right">续费</span></p>
               <Button type="primary" long>查看详情</Button>
           </div>
           <div class="item">
                <div class="thumb">
                    <img src="../../assets/meirong1.jpg" alt="">
                </div>
                <p class="location">位置： 圈子广场顶部横幅</p>
                <p class="time">1024*120 动态GIF</p>
                <p class="left-time"> 距离结束还有 <span class="pink" style="font-weight: bold">256</span> 天 <span class="pink float-right">续费</span></p>
                <Button type="primary" long>查看详情</Button>
            </div>
        </div>
    </section>
</template>

<script>
export default {
  name: 'SideAdv',
  components: {
  },
    props: {
    },
    data () {
      return {
          data: this.list
      }
    }
}
</script>

<style scoped lang="less">
  @import "../../style/style.less";
  .side-adv {
     .item {
         border: 1px solid @border-color;
         padding: 5px;
         line-height: 14px;
         margin-bottom: 10px;
         .thumb {
             height: 126px;
             font-size: 0;
             line-height: 1;
             img {
                 width: 100%;
                 height: 100%;
             }
         }
         .location {
             margin-top: 10px;
             line-height: 1.6;
         }
         .time {
             line-height: 1.6;
         }
         .left-time {
             line-height: 1.6;
             margin-bottom: 10px;
         }
     }
  }
</style>
